import Vue from 'vue'
// // 1、导入 vue-router 包
// import VuerRouter from 'vue-router'
// // 2、手动安装 VueRouter
// Vue.use(VuerRouter);
// // 导入app 组件
import app from './app.vue'

// import account from './main/Account.vue'
// import login from './main/login.vue'
// import register from './main/register.vue'
// import goodslist from './main/GoodsList.vue'
// 3、创建路由对象
// var router = new VuerRouter({
//   routes: [
//     // 
//     // {path: '/account', component: account},
//     // {path: '/goodslist', component: goodslist},
//     {path: '/account', component: account, children: [
//       {path: 'login', component: login},
//       {path: 'register', component: register},
//     ]},
//     {path: '/goodslist', component: goodslist}
//   ]
// })

import router from './router'
var vm = new Vue({
  el:'#app',
  render: c=> c(app), // render
  // components: {
  //   app
  // }
  router
})

// 注意： App这个组件， 是通过 VM 实例的 render 函数，渲染出来的， render 函数如果要渲染 组件，渲染出来的组件，
// 只能放到 el： '#app' 所指定的 元素中去。
// Account 和 GoodsList 组件，是通过 路由匹配监听到的，所以，这两个组件，只能展示到 属于 路由 的
// <router-view></router-view>中去;
